<template>
    <view class="status-wrapper">
        <iconsfont :customIcons="statusMaps[status].icon" :color="'#ffffff'" size="30"></iconsfont>
        <view class="text">{{ statusMaps[status].text }}</view>
    </view>
</template>

<script>
const statusMaps = {
    0: {
        text: "待审核",
        icon: "icon-daishenhe",
    },
    1: {
        text: "已通过",
        icon: "icon-yiwancheng",
    },
    2: {
        text: "已驳回",
        icon: "icon-yibohui",
    },
}
export default {
	props:{
		status: {
		    type: String,
		    default: "-1",
		},
	},
    data() {
        return {
            statusMaps,
        }
    },
}
</script>

<style lang="scss">
.status-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30rpx;

    .text {
        margin-left: 12rpx;
        font-size: 36rpx;
        color: $color-white;
    }
}
</style>
